///////////////////////////////////////////////////////////////////////////////////////////////////
///        Blogger Template Style                                           
///        Name:   IPTutor Templates                                                 
///        Author: Ilham Ibnu Purnomo                                 
///        URL 1:  http://www.iptutorplus.com/                  
///        URL 2:  https://www.facebook.com/inu.purnomo           
///        Date:   Agustus 2012                                                                    
/////////////////////////////////////////////////////////////////////////////////////////////////
----------------------------------------------- */

body#layout ul{list-style-type:none;list-style:none}
body#layout ul li{list-style-type:none;list-style:none}
body#layout #outer-wrapper{overflow:visible;width:1000px}
body#layout #header{float:relative;width:700px}
body#layout #header2{float:right;width:240px}
body#layout .add_widget{width:240px}
body#layout div.widget{width:240px}
body#layout #sidebar-wrapper{overflow:visible;width:300px}
body#layout #main-wrapper{overflow:visible;float:left;width:240px}
body#layout #rsidebar-wrapper{overflow:visible;float:right;width:300px}
body#layout #myGallery{display:none}
body#layout .featuredposts{display:none}
body#layout .fp-slider{display:none}
body#layout #navcontainer{display:none}
body#layout .menu-secondary-wrap{display:none}
body#layout .menu-secondary-container{display:none}
body#layout #skiplinks{display:none}
body#layout .feedtwitter{display:none}
body#layout div.section{font-family:sans-serif;margin:0 auto 2px;padding:0 0 10px 0;position:relative;overflow:visible}
body#layout .section-columns{margin:0}
.section{width:100%}


/* Variable definitions
   ====================
   <Variable name="bgcolor" description="Page Background Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="textcolor" description="Text Color"
             type="color" default="#333" value="#333333">
   <Variable name="linkcolor" description="Link Color"
             type="color" default="#58a" value="#5588aa">
   <Variable name="pagetitlecolor" description="Blog Title Color"
             type="color" default="#666" value="#666666">
   <Variable name="descriptioncolor" description="Blog Description Color"
             type="color" default="#999" value="#999999">
   <Variable name="titlecolor" description="Post Title Color"
             type="color" default="#c60" value="#cc6600">
   <Variable name="bordercolor" description="Border Color"
             type="color" default="#ccc" value="#cccccc">
   <Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#999" value="#999999">
   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#666" value="#666666">
   <Variable name="visitedlinkcolor" description="Visited Link Color"
             type="color" default="#999" value="#999999">
   <Variable name="bodyfont" description="Text Font"
             type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
   <Variable name="headerfont" description="Sidebar Title Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
   <Variable name="pagetitlefont" description="Blog Title Font"
             type="font"
             default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
   <Variable name="descriptionfont" description="Blog Description Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
   <Variable name="postfooterfont" description="Post Footer Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
   <Variable name="startSide" description="Side where text starts in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="Side where text ends in blog language"
             type="automatic" default="right" value="right">
*/

/* Use this with templates/template-twocol.html */
/* TAG HEADING */
h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:20px; }

.post ul li,.post ol li{padding:5px;font:normal 13px oswald;color:#aaa;text-shadow:0 0 2px #000;border-bottom:1px solid #000;border-top:1px solid #222;border-left:3px solid #fff;-webkit-box-shadow:0 1px -0px #222;-moz-box-shadow:0 1px -0px #222;box-shadow:0 1px -0px #222}.post ol,.post ul{margin:0;padding:0 30px;list-style:none}::selection{background:#FFA;color:#8A0808}::-moz-selection{background:transparent;color:#8A0808}::-webkit-selection{background:#FFA;color:#8A0808}.iptutor{  font:normal 12px PT Sans Narrow,Oswald,"Times New Roman",Times,serif;  line-height:normal;  text-transform:uppercase;  margin:5px 0px;  padding:0px 0px;  color:green;  width:100%;  text-decoration:none}
.iptutor ul{  height:34px;  line-height:34px;  background-color:#333;  margin:0px 0px 10px;  padding:0px 0px;  border:2px solid #e6e6e6;  -webkit-box-shadow:0 1px 5px #000;  -moz-box-shadow:0 1px 5px #000;  box-shadow:0 1px 5px #000}.iptutor li{  list-style:none;  margin:0px 0px;  padding:0px 0px;  color:white;  float:left;  display:inline;  position:relative}.iptutor li a{  display:block;  background-color:#1a1a1a;  border-left:1px solid #FF8000;  border-right:1px solid #FF8000;  margin:0px 0px;  padding:0px 15px;  color:white;  text-decoration:none;  font-weight:bold;  line-height:34px;  text-shadow:1px 1px 2px #000;  outline:none}.iptutor li ul{  position:absolute;  z-index:10;  left:0px;  top:100%;  height:auto;  margin:0px 0px;  padding:0px 0px;  width:170px;  -webkit-box-shadow:0 1px 5px #000;  -moz-box-shadow:0 1px 5px #000;  box-shadow:0 1px 5px #000;  display:none}.iptutor li ul a{  border-left:none;  border-right:none;  border-top:1px solid #00F;  border-bottom:1px solid #00F;  display:block}.iptutor li ul li{  float:none;  display:block;  width:auto}.iptutor li ul ul{  top:0px;  left:100%}.iptutor li a:focus{  background-color:#1a1a1a;  border-left-color:#FF8000;  border-right-color:#FF8000}.iptutor ul li a:focus,.iptutor li a:hover,.iptutor ul li a:hover{background-image:url(http://2.bp.blogspot.com/-LSauYhEBKN0/T2LSvIzLCNI/AAAAAAAAAZU/4d2tHmtuB8g/s1600/lightning.gif);color:#01DFD7;text-shadow:1px 1px 1px #000}#top-wrapper{background:url(http://1.bp.blogspot.com/-Dz55XjfHfIU/T2AtDWgb0aI/AAAAAAAAA9I/vZgjL1iEbgk/s1600/menutop.png) repeat-x;width:100%;margin:0 auto;padding:0 auto;-moz-box-shadow:0 3px 3px 3px rgba(0,0,0,0.4);-webkit-box-shadow:0 3px 3px 3px rgba(0,0,0,0.4);border-bottom:1px solid #444;border-top:3px solid purple;-webkit-animation:2s fxhompinav ease-in-out;-moz-animation:2s fxhompinav ease-in-out;-ms-animation:2s fxhompinav ease-in-out;animation:2s fxhompinav ease-in-out}#topbar{width:1070px;height:40px;margin:0 auto}#top{width:100%}#top,#top ul{list-style:none;font-family:Arial,serif;font-weight:700;margin:0;padding:0;text-shadow:1px 2px 1px #000}#top a{display:block;text-decoration:none;font:normal 11px Arial;text-transform:none;color:#B0AEAE;font-weight:700;border-right:1px solid #484747;border-left:1px solid #191919;padding:7px 10px 7px;text-shadow:1px 2px 1px #000}#top a.arrow{background-image:url(http://3.bp.blogspot.com/-LzmPTNyR6po/TwETZufjSTI/AAAAAAAAATo/oisHmXUjmSY/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:7px 24px 7px 10px}#top li{float:left;position:static;width:auto}#top li ul,#top ul li{width:170px}#top ul li a{text-align:left;color:#fff;font-size:12px;font-weight:700;text-transform:none;font-family:Arial;border:none;padding:5px 10px}#top li ul{z-index:100;position:absolute;display:none;background:#222;padding-bottom:0px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.4);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.4)}#top li:hover a,#top a:active,#top a:focus,#top li.hvr a{background-color:#222;color:#fff}#top li:hover ul,#top li.hvr ul{display:block}#top li:hover ul a,#top li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none}#top li ul li.hr{border-bottom:1px solid #333;border-top:1px solid #000;display:block;font-size:1px;height:0;line-height:0;margin:0px 0}#top ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}#top a span,#top a.arrow span{font:bold 12px Arial;color:#fff;display:block;line-height:16px;text-transform:uppercase;text-shadow:1px 2px 2px #000}#top li:hover a span,#top li:hover a.arrow span{color:#1da7e7}img.label_thumb{float:left;background:#444;border:1px solid #191919;border-bottom:1px solid #666;border-right:1px solid #666;height:55px;width:60px;margin:0 10px 10px 0;padding:4px}img.label_thumb:hover{border:1px solid #4e4d4d;background:#111}.label_with_thumbs{float:left;width:95%;min-height:auto;margin:0 auto;padding:0 auto}ul.label_with_thumbs li{min-height:67px;clear:both;margin:0 0 5px;padding:0 10px 5px 0}.navbar{width:100%;margin:0 auto;padding:0 auto}.nav{width:90%;height:24px;margin:0 auto;padding:4px 0}.nav ul{padding-left:7px;color:#666;list-style-type:none;font:normal 12px Arial,Helvetica,Verdana,sans-serif;margin:0;text-shadow:1px 2px 1px #000}.nav li{display:inline;margin:0}.nav li a{filter:alpha(opacity=40);opacity:0.4;float:left;display:block;text-decoration:none;font-size:12px;font-weight:700;text-transform:none;color:#fff;padding:7px 10px 7px;background:#000;-moz-border-radius:4px 4px 0 0;-khtml-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;color:fff;margin-right:2px;border:1px solid #6c6c6c}.nav li a:visited{color:#fff}.nav li a:hover{background:#222;color:#eaeaea;text-decoration:none}.navsearch{width:300px;float:right;margin:0 auto;padding:0 auto}#menuwrapperpic{background:url(https://lh3.googleusercontent.com/-leV22rchdzc/UAP58mLNrFI/AAAAAAAADb4/sRUlcvkSIsA/s38/headline-bg.png) repeat-x top;border-top:5px solid #26231c;border-bottom:5px solid #26231c;width:960px;margin:0 auto;padding:0 auto;height:37px}#menuwrapper{width:960px;height:37px;margin:0 auto}.clearit{clear:both;height:0;line-height:0.0;font-size:0}#menubar{width:100%}#menubar,#menubar ul{list-style:none;font-family:Arial,serif;margin:0;padding:0}#menubar a{display:block;text-decoration:none;font-size:12px;font-weight:700;text-transform:none;color:#B0AEAE;padding:11px 12px 11px;border-right:1px solid #6c6250;border-left:1px solid #373123;text-shadow:1px 2px 1px #000}#menubar a.trigger{background-image:url(http://3.bp.blogspot.com/-LzmPTNyR6po/TwETZufjSTI/AAAAAAAAATo/oisHmXUjmSY/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:11px 24px 11px 12px}#menubar li{float:left;position:static;width:auto}#menubar li ul,#menubar ul li{width:170px}#menubar ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px}#menubar li ul{z-index:100;position:absolute;display:none;background:#26231c;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)}#menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{background-color:#26231c;color:#1da7e7}#menubar li:hover ul,#menubar li.hvr ul{display:block}#menubar li:hover ul a,#menubar li.hvr ul a{background-color:transparent;color:#edfdfd;text-shadow:1px 1px 1px #000;text-decoration:none}#menubar li ul li.hr{border-bottom:1px solid #433e31;border-top:1px solid #11100d;display:block;font-size:1px;height:0;line-height:0}#menubar ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}#inner{padding-top:40px}#fixed{position:fixed;top:0;left:0;width:100%;height:40px;z-index:999}#fixedinner{text-align:center;background:transparent;height:40px;position:relative;z-index:999}* html,* html body{overflow-y:hidden;height:100%}* html #fixedinner{margin-right:-143px;voice-family:"\"}\"";voice-family:inherit}* html #fixedinner{margin-right:17px}* html #fixed{position:absolute}* html #outer-wrapper{height:100%;overflow:auto}.rbbox{padding:13px;color:darkred;font:normal 15px lobster,sans-serif;margin:5px 0;opacity:0.8;background-color:#151515;border:1px solid #333;border-top-color:#333;border-bottom-color:#111;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out}.rbbox:hover{opacity:2.2;background:#111 url(URL) no-repeat right bottom;border:1px solid #222;box-shadow:inset 0 0 7px #000;-moz-box-shadow:inset 0 0 7px #000;-webkit-box-shadow:inset 0 0 7px #000}.rbbox li{border-bottom:1px solid #000;-webkit-box-shadow:0 1px -0px #222;-moz-box-shadow:0 1px -0px #222;box-shadow:0 1px -0px #222}.rbbox li a:hover{margin-left:12px;background-image:url(http://2.bp.blogspot.com/-LSauYhEBKN0/T2LSvIzLCNI/AAAAAAAAAZU/4d2tHmtuB8g/s1600/lightning.gif)}.rbbox ul li{list-style:none;padding:4px 5px 4px 17px;line-height:25px;background:url(http://i1211.photobucket.com/albums/cc432/Aldi96/icont.gif) no-repeat 0 7px}.rbbox a:visited,.rbbox a:link{color:#bbb;font:bold 13px Terminal Dosis Light;text-shadow:0 0 2px #000;text-decoration:none;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out}.rbbox ul{list-style:none;margin-left:-38px}.rbbox a:active{color:#eee;text-decoration:line-through}.rbbox a:hover{color:#00CCD3;text-shadow:0px 0px 2px #00CCD3;text-decoration:none}.permalink{text-family:andalus;text-size:13px;-khtml-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}.permalink a{background:none}img.float-right{margin:5px 0px 0 10px}img.float-left{margin:5px 10px 0 0px}
pre[data-codetype="HTML"] .line-number span:target a {background-color:#4584BE}
pre[data-codetype="CSS"] .line-number span:target a {background-color:#5DA028}
pre[data-codetype="JavaScript"] .line-number span:target a {background-color:#bbb}
pre[data-codetype="JQuery"] .line-number span:target a {background-color:#7073CF}
pre[data-codetype="JQuery UI"] .line-number span:target a {background-color:#E36B23}
pre[data-codetype="XML"] .line-number span:target a {background-color:#C44032}
pre[data-codetype*="+"] .line-number span:target a {background-color:#7C814D}

pre .comment,
pre .template_comment,
pre .diff .header,
pre .doctype,
pre .lisp .string,
pre .javadoc {
  color:#586e75;
  font-style:italic;
}

pre .keyword,
pre .css .rule .keyword,
pre pre .winutils,
pre .javascript .title,
pre .method,
pre .addition,
pre .css .tag,
pre .lisp .title {color:#859900}

pre .number,
pre .command,
pre .string,
pre .tag .value,
pre .phpdoc,
pre .tex .formula,
pre .regexp,
pre .hexcolor {color:#2aa198}

pre .title,
pre .localvars,
pre .function .title,
pre .chunk,
pre .decorator,
pre .builtin,
pre .built_in,
pre .lisp .title,
pre .identifier,
pre .title .keymethods,
pre .id {color:#268bd2}

pre .tag .title,
pre .rules .property,
pre .django .tag .keyword {font-weight:bold}

pre .attribute,
pre .variable,
pre .instancevar,
pre .lisp .body,
pre .smalltalk .number,
pre .constant,
pre .class .title,
pre .parent,
pre .haskell .label {color:#b58900}

pre .preprocessor,
pre .pi,
pre .shebang,
pre .symbol,
pre .diff .change,
pre .special,
pre .keymethods,
pre .attr_selector,
pre .important,
pre .subst,
pre .cdata {color:#cb4b16}

pre .deletion {color:#dc322f}
pre .tex .formula {background:#073642}

pre .line-number{
  display:block;
  line-height:16px;
}

pre .line-number {
  float:left;
  margin:0 1em 0 -1em;
  color:#586E75;
  border-right:2px solid #05313B;
  text-align:right;
  min-width:35px;
}

pre .line-number span {
  display:block;
  position:relative;
  padding:0 .5em 0 1em;
}

pre .line-number span:nth-child(even) {background-color:#03242C}

pre .line-number span em {
  position:absolute;
  bottom:-1px;
  left:100%;
  background-color:orange;
  padding:0 2px 1px 2px;
  border:1px solid black;
  font-style:normal;
  color:black;
  display:none;
}

pre .line-number span:hover em {display:block}

pre .line-number span:target a {
  display:block;
  color:white;
  position:relative;
  background-color:#268bd2;
  margin:0 -.5em 0 -1em;
  padding:0 .5em 0 0;
}

pre .line-number span:target:before {
  content:"";
  display:block;
  height:150px;
  margin-top:-150px;
  visibility:hidden;
}

.bright-code pre {
  background-color:white;
  color:#657b83;
  border:1px solid #E9E7E0;
}

.bright-code mark,.bright-code .highlight {background-color:skyblue}
.bright-code pre code {color:#657b83}
.bright-code pre .line-number {border-right-color:#6CE26C}
.bright-code pre .line-number span a {color:#bbb}
.bright-code pre .line-number span:nth-child(even) {background-color:#eee}
.bright-code pre .line-number span:target,pre .line-number span:target {background:none}
.bright-code pre .line-number span:target a {color:black}

.bright-code .comment,
.bright-code .template_comment,
.bright-code .diff .header,
.bright-code .doctype,
.bright-code .lisp .string,
.bright-code .javadoc {color:#bbb} /* #93a1a1 */

pre.plain,
.bright-code pre.plain {
  border:1px solid #ccc;
  background:none;
  padding:1.5em 2em;
  margin-left:0;
  margin-right:0;
}

pre {
  background-color:#eee;
  overflow:auto;
  margin:0 0 1em;
  padding:.5em 1em;
}

pre code,
pre .line-number {
  /* Ukuran line-height antara teks di dalam tag <code> dan <span class="line-number"> harus sama! */
  font:normal normal 12px/14px "Courier New",Courier,Monospace;
  color:black;
  display:block;
}

pre .line-number {
  float:left;
  margin:0 1em 0 -1em;
  border-right:1px solid;
  text-align:right;
}

pre .line-number span {
  display:block;
  padding:0 .5em 0 1em;
}

pre .cl {
  display:block;
  clear:both;
}

/* Catatan */
.catatan{ display:block; text-align:left; background-color:#FFFAC1; font:italic 14px Georgia,Serif; color:#222; position:relative; margin:10px 7%; padding:20px 30px; text-shadow:none}.catatan:before{ content:""; width:100%; height:4px; background-image:linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5); position:absolute; top:0; left:0}.catatan code{ font-style:normal}.catatan.resource{ margin:10px auto; width:auto; font:normal small Tahoma,Arial; padding:10px 20px; background-color:#eee}.catatan.resource img{ border:2px solid #aaa !important; max-width:100% !important; box-shadow:none}.ipnote{display:block;background-color:purple;background-repeat:repeat repeat;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px;border:2px dotted rgb(0,0,0);font-family:Philosopher,arial,serif;font-size:12px;line-height:19px;padding:5px;text-align:left;font:italic;position;relative}ul.postbuttons{list-style-image:none;list-style-position:outside;list-style-type:none;padding-left:50px;padding-top:75px;padding-bottom:50px}ul.postbuttons li{background:none 0 0 repeat scroll transparent;float:left;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0 5px 0 0;padding:0}a.livedemo{background:url(http://4.bp.blogspot.com/-deLNKIuPTTk/T4UPXyBzezI/AAAAAAAAAcg/OVaMYtk81lI/s1600/demo.png) left bottom no-repeat scroll transparent;display:block;height:30px;text-indent:-9999px;width:266px}a.livedemo:hover{background:url(http://4.bp.blogspot.com/-deLNKIuPTTk/T4UPXyBzezI/AAAAAAAAAcg/OVaMYtk81lI/s1600/demo.png) left top no-repeat scroll transparent}a.download{background:url(http://4.bp.blogspot.com/-deLNKIuPTTk/T4UPXyBzezI/AAAAAAAAAcg/OVaMYtk81lI/s1600/demo.png) right bottom no-repeat scroll transparent;display:block;height:30px;text-indent:-9999px;width:266px}a.download:hover{background:url(http://4.bp.blogspot.com/-deLNKIuPTTk/T4UPXyBzezI/AAAAAAAAAcg/OVaMYtk81lI/s1600/demo.png) right top no-repeat scroll transparent}.breadcrumbs{border-bottom:1px solid #000;-webkit-box-shadow:0 1px -0px #222;-moz-box-shadow:0 1px -0px #222;box-shadow:0 1px -0px #222;padding:5px 0;margin:0 auto;font-size:13px;line-height:24px;font-family:pt sans narrow;font-weight:normal;color:#00CCD3}.breadcrumbs li,.breadcrumbs a{float:left;height:24px;line-height:24px;position:relative;font-size:11px}.breadcrumbs a{margin-left:20px;padding:0 10px 0 12px;background:#222;color:#fff;text-decoration:none;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px}.breadcrumbs a:before{content:"";float:left;position:absolute;top:0;left:-12px;width:0;height:0;border-color:transparent #222 transparent transparent;border-style:solid;border-width:12px 12px 12px 0}.breadcrumbs a:after{content:"";position:absolute;top:10px;left:0;float:left;width:4px;height:4px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:#00CCD3;-moz-box-shadow:-1px -1px 2px #888;-webkit-box-shadow:-1px -1px 2px #888;box-shadow:-1px -1px 2px #888}.breadcrumbs a:hover{background:#555}.breadcrumbs a:hover:before{border-color:transparent #555 transparent transparent}::-webkit-scrollbar{height:15px;width:15px;background:purple}::-webkit-scrollbar-thumb{background-color:#f00;border:2px #007acc solid;-o-border-radius:10px;-moz-border-radius:10px;border-radius:10px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 8px green;-moz-box-shadow:inset 0 0 8px rgba(0,0,0,0.3);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}::-webkit-scrollbar-thumb{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#00CCD3;box-shadow:0 0 6px #00CCD3;-webkit-box-shadow:0 0 6px purple;-moz-box-shadow:0 0 6px #00CCD3}::-webkit-scrollbar-thumb:window-inactive{background:rgba(0,0,0,0.4)}.inu{font-size:20px;font-family:verdana;border-left:10px solid #666;border-right:10px solid #666;padding:3px 5px 3px 20px;border-radius:15px;-moz-border-radius:15px;box-shadow:0px 0px 13px #666;-webkit-box-shadow:0px 0px 13px #666;-moz-box-shadow:0px 0px 13px #666}.inu:hover{color:#FF133F;border-left:10px solid #FF133F;border-right:10px solid #FF133F;box-shadow:0px 0px 13px #FF133F;-webkit-box-shadow:0px 0px 13px #FF133F}#contact{background:url(http://3.bp.blogspot.com/-7c_xDCUC4z8/Typx7XhvTOI/AAAAAAAAA_I/vNhRXYBtD3k/s1600/bgnav.png) repeat scroll 0 0 padding-box #0e0e0e;border:8px solid #007acc;text-align:center;text-decoration:bold;overflow:hidden;width:720px;box-shadow:0 0 16px #007acc;height:auto;margin:-60px auto 0}#contact a:hover{color:#e6e6e6;text-shadow:0 0 3px #fff;text-decoration:none}#contact-kolom-1{background:url(http://3.bp.blogspot.com/-kqHXixMs8ek/TypyRX3sgEI/AAAAAAAAA_Q/XClAuErNKnE/s1600/yahoo-icon.png) no-repeat right bottom transparent;width:180px;height:45px;float:right;display:inline;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}#contact-kolom-1:hover{background:url(http://3.bp.blogspot.com/-kqHXixMs8ek/TypyRX3sgEI/AAAAAAAAA_Q/XClAuErNKnE/s1600/yahoo-icon.png) no-repeat right bottom #8703CF}#contact-kolom-2{background:url(http://3.bp.blogspot.com/-ZCdanr5mJZM/TypybyYiEHI/AAAAAAAAA_Y/CHir05k_7AI/s1600/Google-plus-grey-icon.png) no-repeat right bottom transparent;width:180px;height:45px;float:right;display:inline;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}#contact-kolom-2:hover{background:url(http://3.bp.blogspot.com/-ZCdanr5mJZM/TypybyYiEHI/AAAAAAAAA_Y/CHir05k_7AI/s1600/Google-plus-grey-icon.png) no-repeat right bottom #333}#contact-kolom-3{background:url(http://1.bp.blogspot.com/-NBH_jsbNQ90/Typyk4KdQjI/AAAAAAAAA_g/HOqBgRDTDPg/s1600/twitter-icon.png) no-repeat right bottom transparent;width:180px;height:45px;float:right;display:inline;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}#contact-kolom-3:hover{background:url(http://1.bp.blogspot.com/-NBH_jsbNQ90/Typyk4KdQjI/AAAAAAAAA_g/HOqBgRDTDPg/s1600/twitter-icon.png) no-repeat right bottom #00ACBF}#contact-kolom-4{background:url(http://2.bp.blogspot.com/-6qWUrf8tSFg/TypyuXWhiSI/AAAAAAAAA_o/0zmEVmjdV10/s1600/facebook-icon.png) no-repeat right bottom transparent;width:180px;height:45px;float:right;display:inline;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}#contact-kolom-4:hover{background:url(http://2.bp.blogspot.com/-6qWUrf8tSFg/TypyuXWhiSI/AAAAAAAAA_o/0zmEVmjdV10/s1600/facebook-icon.png) no-repeat right bottom #3b5998}#contact a,#contact a:visited,#credit-kolom-bawah a{color:#e6e6e6;text-decoration:none;-webkit-transition:text-shadow .2s linear;-moz-transition:text-shadow .2s linear;-o-transition:text-shadow .2s linear;transition:text-shadow .2s linear}#bottom{background:#007acc;width:930px;position:relative;clear:both;color:#fff;float:left;box-shadow:0 0 16px #007acc;margin:20px;padding:15px}
#bottom h2{background:url(http://3.bp.blogspot.com/-7c_xDCUC4z8/Typx7XhvTOI/AAAAAAAAA_I/vNhRXYBtD3k/s1600/bgnav.png) repeat-x #1e1e1e;border:6px solid #007acc;-webkit-box-shadow:0 1px 10px rgba(0,0,0,0.6);-moz-box-shadow:0 1px 10px yellow;box-shadow:0 1px 10px rgba(0,0,0,0.6);padding-left:8px;color:#00bfff;font-family:Boogalo;font-size:25px;font-weight:750;letter-spacing:1px;text-transform:uppercase;margin:10px auto 17px 0}#bottom ul{margin:0;padding:0}#bottom ul li{line-height:26px;list-style-type:none;border-bottom:1px dashed #00bfff}
#bottom_1{width:493px;float:right;padding:10px;-webkit-box-shadow:0 1px 10px rgba(0,0,0,0.6);-moz-box-shadow:0 1px 10px rgba(0,0,0,0.6);box-shadow:0 1px 10px rgba(0,0,0,0.6);height:auto;background:#000;border:5px solid #007acc;margin:35px 35px}
#bottom_3{width:295px;float:left;padding:10px;border:5px solid #007acc;-webkit-box-shadow:0 1px 10px rgba(0,0,0,0.6);-moz-box-shadow:0 1px 10px rgba(0,0,0,0.6);box-shadow:0 1px 10px rgba(0,0,0,0.6);background:#000;border:5px solid #007acc}    
    #credit-wrapper::before {background:url("http://1.bp.blogspot.com/-ZQIrmcYDaic/T83JljU2lCI/AAAAAAAAAxI/yBTZRfdKSeg/s1600/tali2.png") repeat scroll 0 0 transparent;content:"";width:100px;position:absolute;height:11px;float:right;
margin-left:402px;margin-top:5px;}
#credit-wrapper::after {background:url("http://1.bp.blogspot.com/-ZQIrmcYDaic/T83JljU2lCI/AAAAAAAAAxI/yBTZRfdKSeg/s1600/tali2.png") repeat scroll 0 0 transparent;float:right;margin-top:-30px;
content:"";width:100px;position:absolute;height:11px;margin-left:-500px;}

/* Footer Bawah */
#credit-wrapper {text-align:center;width:1025px;clear:both;margin:10px auto;color: #fff;font-family:Advent Pro, Sans-serif;font-size:14px;padding:10px auto;text-shadow:1px 1px 0px #222;float:center;height:140px;background: url(http://picturestack.com/594/384/cbfcreditwrapEQq.png) no-repeat scroll 0 0 transparent;}
#credit {padding:35px 0;color:#ddd;width: 960px;margin: 0 auto;text-align: center;font-size:15px;font-family:IM Fell English,arial,serif;}
#credit a{color:orange;font-weight:bold;}
#credit a:link{color:orange;font-weight:bold;}
#credit a:hover {color: red;}
#credit-wrapper, #sidebar-wrapper, .post, #foxmenucontainer, .container, #total-wrapper, #footer-wrapper, .comments {
border-width:0;
-webkit-animation:Scale 5s linear;
-moz-animation:Scale 5s linear;
-ms-animation:Scale 5s linear;
-o-animation:Scale 5s linear;
animation:Scale 5s linear;
-webkit-animation-delay:1s;
-moz-animation-delay:1s;
-ms-animation-delay:1s;
-o-animation-delay:1s;
animation-delay:1s;
}
@-webkit-keyframes Scale {
from {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0
}
to {
-webkit-transform: scale(1);
opacity: 1
}
}
@-moz-keyframes Scale {
from {
-moz-transform: scale(0);
opacity: 0
}
to {
-moz-transform: scale(1);
opacity: 1
}
}
@-ms-keyframes Scale {
from {
-ms-transform: scale(0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0
}
to {
-ms-transform: scale(1);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1
}
}
@-o-keyframes Scale {
from {
-o-transform: scale(0);
opacity: 0
}
to {
-o-transform: scale(1);
opacity: 1
}
}
@keyframes Scale {
from {
transform: scale(0);
opacity: 0
}
to {
transform: scale(1);
opacity: 1
}
}
.blank {
clear: both
}

.post-body:hover {
-webkit-animation: hover 0.2s 100ms;
-moz-animation: hover 0.2s 100ms;
-ms-animation: hover 0.2s 100ms;
animation: hover 0.2s 100ms;}



/* toggle footer */
.slide {position:relative;background:rgba(5,5,5,0.8);margin:0;padding:15px;border-top:1px solid #111;}
.btn-slide {margin:0;display:block;height:20px;font-size:18px;font-family: 'Oswald';font-weight:400;text-decoration:none;}
.slide:active, .slide:focus {background:rgba(45,45,45,0.50);}
.catatan:before {
  content:"";
  width:100%;
  height:4px;
  background-color:#4b8db5;
  background-image:-webkit-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:-moz-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:-ms-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:-o-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  position:absolute;
  top:0;
  left:0;
}

#sidebartop{background:#222;color:#ddd;}
#sidebartop2{float:right;width:28.5%;border:2px solid #232323;padding:5px;}
#sidebartop2 .widget-content{margin:0;padding:10px;background:#222;color:#ccc;border:3px solid #222;-webkit-box-shadow:inset 0 1px 3px black;-moz-box-shadow:inset 0 1px 3px black;box-shadow:inset 0 1px 3px black;text-align:center;}

#Followers1 .widget-content{background-color:#fff;border:1px solid rgba(0,158,195,0.7);}
#Followers1 .widget-content:hover{background-color:rgba(0,158,195,0.3);border:1px solid rgba(0,158,195,0.7);}

/* SUBMENU */
#submenu li.mhome{border:0;margin-top:0;height:54px;overflow:hidden;}
#submenu li.mhome a{height:50px;border-left:0 none;text-indent:-9999px;width:50px;background-color:rgba(0,158,195,0.9);background-image:url('http://4.bp.blogspot.com/-BPpsKK84W2w/UJV6sFxkqDI/AAAAAAAAGgc/3TwsYkMwxsE/s1600/home+(1).png');background-repeat:no-repeat;background-position:50% 9px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
#submenu li.mhome a:hover{background-position:50% -44px;background-color:rgba(255,255,255,0.9);}

----
/* TOP-MENU */
#botmenu{height:54px;
font-size: 12px;width:575px;
background:rgba(0,0,0,0.6);
z-index:100;
position:relative;
}
#submenu {
height:54px;
background:rgba(0,0,0,0.6);
font-family:Oswald;
text-transform: uppercase;
}
#submenu ul {
width: auto;
float:left;
list-style: none;
margin: 0;
padding: 0 0px;
}
#submenu li {
float: left;
list-style: none;
margin: 0;
padding: 0;
color: #fff;
font-weight:500;
text-shadow:1px 1px 0px #000;
}
#submenu li a {
color: #fff;
display: block;
margin: 0;
padding: 15px 10px 15px 10px;
text-decoration: none;
position: relative;
}
#submenu li a:hover, #submenu li a:active, #submenu .current_page_item a  {
color:#222;
}
#submenu li a.sf-with-ul {
padding-right: 10px;
}
#submenu li ul li a, #submenu li ul li a:link, #submenu li ul li a:visited,
#submenu li ul li ul li a, #submenu li ul li ul li a:link, #submenu li ul li ul li a:visited,
#submenu li ul li ul li ul li a, #submenu li ul li ul li ul li a:link, #submenu li ul li ul li ul li a:visited {
color: #fff;
width: 148px;
margin: 0;
padding: 10px 10px;
border-top:1px solid #222;
position: relative;
font-weight:400;
}
#submenu ul li ul li:first-child a,#submenu ul li ul li ul li:first-child a,#submenu ul li ul li ul li ul li:first-child a  {
border-top:none;
}
#submenu li ul li a:hover ,#submenu li ul li ul li a:hover ,#submenu li ul li ul li ul li a:hover {
color: #111;text-shadow:0 -1px 1px #fff;
}
#submenu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin:0px 0px 0px 0px;
padding: 5px 5px;
background:rgba(0,0,0,0.6);
}
#submenu li ul a {
width: 150px;
}
#submenu li ul a:hover, #submenu li ul a:active { background:rgba(255,255,255,0.9);
}
#submenu li ul ul {
margin: -46px 0 0 181px;
}
#submenu li:hover ul ul, #submenu li:hover ul ul ul, #submenu li.sfHover ul ul, #submenu li.sfHover ul ul ul {
left: -999em;
}
#submenu li:hover ul, #submenu li li:hover ul, #submenu li li li:hover ul, #submenu li.sfHover ul, #submenu li li.sfHover ul, #submenu li li li.sfHover ul {
left: auto;
}
#submenu li:hover, #submenu li.sfHover {
position: static;
}

/* TOMBOL */
.tombol, .tombol-download{display: inline-block;white-space: nowrap;background-color: rgb(40, 40, 40);background-image: none;border-width: 1px;border-style: solid;border-right: 1px solid rgba(255, 255, 255, 0.03);border-left: 1px solid rgba(255, 255, 255, 0.03);border-image: none;border-color: rgba(255, 255, 255, 0.04) rgba(255, 255, 255, 0.03) rgb(34, 34, 34);padding: 0 1.5em;margin: 0.5em;font: 1em/2em 'Oswald', Cursive;text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7);-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7);box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7);-webkit-transition: all 0.1s linear 0s;-moz-transition: all 0.1s linear 0s;-o-transition: all 0.1s linear 0s;transition: all 0.1s linear 0s;border-bottom: none!important;}
.tombol:hover, .tombol-download:hover{background-color: rgb(45, 45, 45);-moz-box-shadow: 0px 0px 4px purple;-webkit-box-shadow: 0px px 4px purple;box-shadow: 0px 0px 4px purple;}
.tombol:active, .tombol-download:active{-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;position: relative;top: 1px;}
.tombol:focus, .tombol-download:focus{outline: 0;background-color: rgb(25, 186, 236);}    
.tombol:before{background: #000;background: rgba(0,0,0,.1);float: left;width: 1em;text-align: center;font-size: 1.5em;margin: 0 1em 0 -1em;padding: 0 .2em;-moz-box-shadow:1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,0.03);-webkit-box-shadow:1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,0.03);box-shadow:1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,0.03);-moz-border-radius:.15em 0 0 .15em;-webkit-border-radius:.15em 0 0 .15em;border-radius:.15em 0 0 .15em;pointer-events: none;content: "\2714";color:rgb(45, 166, 223);}
.tombol-download:before{background: #000;background: rgba(0,0,0,.1);float: left;width: 1em;text-align: center;font-size: 1.5em;margin: 0 1em 0 -1em;padding: 0 .2em;-moz-box-shadow:1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,0.03);-webkit-box-shadow:1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,0.03);box-shadow:1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,0.03);-moz-border-radius:.15em 0 0 .15em;-webkit-border-radius:.15em 0 0 .15em;border-radius:.15em 0 0 .15em;pointer-events: none;content: "\2716";color:rgb(45, 166, 223);}


/* ITEMIP */
.itemip{background:#2a2a2a;padding:5px;-webkit-border-radius: 20px 20px 100px 100px;
-moz-border-radius: 20px 20px 100px 100px;
border-radius: 20px 20px 100px 100px;}
/* SLIDE PANEL */
.slide::after {background:url("http://1.bp.blogspot.com/-ZQIrmcYDaic/T83JljU2lCI/AAAAAAAAAxI/yBTZRfdKSeg/s1600/tali2.png") repeat scroll 0 0 transparent;content:"";width:100px;position:relative;margin-top:-60px;height:11px;float:right;margin-right:-50px;transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg);}
.slide::before {background:url("http://1.bp.blogspot.com/-ZQIrmcYDaic/T83JljU2lCI/AAAAAAAAAxI/yBTZRfdKSeg/s1600/tali2.png") repeat scroll 0 0 transparent;content:"";width:100px;position:absolute;margin-top:-40px;height:11px;float:left;margin-left:-50px;transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg);}